import { ProFormText, ProForm } from '@ant-design/pro-components';
import type { ProFormInstance } from '@ant-design/pro-components';

import Config from '../configGroup';
import styles from './style.less';

type Props = {
  isModify?: boolean;
  isRead?: boolean;
  formRef: ProFormInstance | any;
};

const ClassfyDescription: React.FC<Props> = ({ isModify, isRead, formRef }) => {
  return (
    <Config.Group id="classfy-description" title="分类说明">
      <div className={styles['wrap-body']}>
        <ProForm.Group>
          <ProFormText
            labelCol={{ span: 8 }}
            width="lg"
            name="activityOwner"
            label="申请人"
            placeholder="activityOwner"
          />
          <ProFormText
            labelCol={{ span: 8 }}
            width="lg"
            name="category"
            label="目录"
            placeholder="category"
          />
          <ProFormText
            labelCol={{ span: 8 }}
            width="lg"
            name="subCategory"
            label="子目录"
            placeholder="subCategory"
          />
          <ProFormText
            labelCol={{ span: 8 }}
            width="lg"
            name="subSubCategory"
            label="小目录"
            placeholder="subSubCategory"
          />
          <ProFormText
            labelCol={{ span: 8 }}
            width="lg"
            name="occasion"
            label="业务场景"
            placeholder="occasion"
          />
          <ProFormText
            labelCol={{ span: 8 }}
            width="lg"
            name="placeScope"
            label="券发放范围"
            placeholder="placeScope"
          />
          <ProFormText
            labelCol={{ span: 8 }}
            width="lg"
            name="placeChannel"
            label="发放渠道"
            placeholder="placeChannel"
          />
          <ProFormText
            labelCol={{ span: 8 }}
            width="lg"
            name="daypart"
            label="Daypart"
            placeholder="daypart"
          />
          <ProFormText
            labelCol={{ span: 8 }}
            width="lg"
            name="productCategory"
            label="产品类目"
            placeholder="productCategory"
          />
          <ProFormText
            labelCol={{ span: 8 }}
            width="lg"
            name="situation"
            label="Situation"
            placeholder="situation"
          />
        </ProForm.Group>
      </div>
    </Config.Group>
  );
};

export default ClassfyDescription;
